<template>
  <div class="device-detail-page-bottom">
    <DeviceScrapMessageCard :messages="messages" v-if="messages.length > 0" />
  </div>
</template>

<script lang="ts">
import DeviceScrapMessageCard from "@/components/cards/DeviceScrapMessageCard.vue";
import { CloudDeviceMessageSum } from "model";
import { defineComponent, PropType } from "vue";

export default defineComponent({
  name: "DeviceDetailPageBottom",
  components: {
    DeviceScrapMessageCard,
  },
  props: {
    messages: {
      type: Object as PropType<Array<CloudDeviceMessageSum>>,
      required: true,
    },
  },
  setup() {
    return {};
  },
});
</script>

<style scoped lang="scss"></style>
